<!DOCTYPE html>
<html dir="ltr" lang="ja">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=1.0, minimum-scale=1.0">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<title>Solbum</title>
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
		<![endif]-->
		<script src="../js/jquery1.7.2.min.js"></script>
		<script src="../js/script.js"></script>
		<script src="../script/jq/footer_fixed.js"></script>
		<script type="text/javascript" src="../script/jq/keepinview.js"></script>
	</head>
	<body>

		<div id="slogan"><h1 class="inner">SNS Album Service -Solbum-</h1></div>
		<!-- Head -->
		<div id="header">
			<div class="inner">
				<!-- Logo -->
				<div class="logo">
					<a href="top.html">Solbum<br><span>Sharing Photo Engine</span></a>
				</div>
				<!-- / Logo -->

				<!-- Navigation Main -->
				<nav id="topNav">
					<a class="menu" id="menu"><span>MENU</span></a>
					<div class="toppanel">
						<ul>
							<li><a href="login.html">Sign In<br><span></span></a></li>
							<li><a href="register.html">Sign Up<br><span></span></a></li>
							<li> <br><span> </span></li>
						</ul>
					</div>
				</nav>
				<!-- / Navigation Main -->

			</div>
		</div>
		<!-- / Headー -->

		<div id="wrapper">

			<!-- Main Image -->
			<div id="mainBanner" class="mainImg">
				<img src="../images/top_img.jpg" alt="" width="940" height="50">
				<div class="slogan">
					<h2>Social Album</h2>
					<h3>In this one the memories of complicated SNS on SocialAlbum</h3>
				</div>
			</div>
			<!-- / Main Image -->

			<!-- Column4 -->
			
			<!-- / Column4 -->

		</div>
		<!-- / WRAPPER -->

		<!-- Footerー -->
		<div id="footer">
			<div class="inner">

				<!-- Column3 -->
				<section class="gridWrapper">

					<article class="grid">
						<!-- Logo -->
						<p class="logo"><a href="index.php">Alloc<br /><span>Change Your Photo Life</span></a></p>
						<!-- / Logo -->
					</article>

					<article class="grid">
						<!-- Tell toka -->
						<p class="tel">Tell: <strong>XXX-XXX-XXXX</strong></p>
						<p>Information: AM 10:00 〜 PM 5:00</p>
						<!-- / Tell toka -->
					</article>

					<article class="grid copyright">
						Copyright(c) 2013 Alloc Inc. All Rights Reserved. Design by <a href="http://google.com" target="_blank" rel="nofollow">Alloc</a>
					</article>

				</section>
				<!-- Column3 -->

			</div>
		</div>
		<!-- / Footer -->

	</body>
</html>